<html>
	<head>
		<link rel="stylesheet" type="text/css" href="fonts/HelveticaNeueBold/HelveticaNeueBold.css" />
		<style>
		body{
			margin:0;
			padding:0;
			background-image:url('img-ele/back-mini.png');
		}
		#top{
			background-image:url('img-ele/top.png');
			background-size:100%;
			background-repeat:no-repeat;
			height:43px;
			text-align: center;
			font-family:"HelveticaNeueBold";
			font-size:2em;
			color:white;
			vertical-align:middle;
			padding-top:5px;
		}
		#pnl-wrapper{
			width:372px;
			margin:0 auto;
		}
		#pnl-wrapper #pnl-top{
			width:372px;
			height:76px;
			background-image:url('img-ele/pnl_05.png');
			background-repeat:no-repeat;
		}
		#pnl-wrapper #pnl-side-left{
			width:36px;
			height:76px;
			background-image:url('img-ele/pnl_07.png');
			background-repeat:repeat-y;
			height:200px;
			float:left;
		}
		#pnl-wrapper #pnl-side-right{
			width:29px;
			height:76px;
			background-image:url('img-ele/pnl_09.png');
			background-repeat:repeat-y;
			height:200px;
			float:right;
		}
		#pnl-wrapper #pnl-side-content{
			float:left;
			width:auto;
		}
		#pnl-wrapper #pnl-bottom{
			width:372px;
			height:90px;
			background-image:url('img-ele/pnl_12.png');
			background-repeat:no-repeat;
			clear:both;
		}
		</style>
		
	</head>
	<body>
		
		<div id="top">
			Login
		</div>
		<div id="pnl-wrapper">
			<div id="pnl-top">
				
			</div>
			<div id="pnl-side-left">
				
			</div>
			<div id="pnl-side-content">
				content;
			</div>
			<div id="pnl-side-right">
				
			</div>
			<div id="pnl-bottom">
				
			</div>
		</div>
	</body>
</html>